<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>微易航短信平台系统--群组管理/个人管理</title>
	<%@ include file="/page/common/common.jsp" %>	
	<c:set var="groupId" value="<%=request.getParameter(\"groupId\") %>"></c:set>
    <script type="text/javascript">
    jQuery(function($){
		$('#gridTable').datagrid({
			title:'群组管理--旅客列表', //标题
			method:'post',
			
			singleSelect:false, //多选
			height:360, //高度
			fitColumns: true, //自动调整各列，用了这个属性，下面各列的宽度值就只是一个比例。
			striped: true, //奇偶行颜色不同
			collapsible:true,//可折叠
			url:"${ctx}/sys/group/queryPerson.sys", //数据来源
			sortName: 'personName', //排序的列
			sortOrder: 'desc', //倒序
			remoteSort: true, //服务器端排序
			idField:'personId', //主键字段
			queryParams:{'groupId':${groupId}}, //查询条件
			pagination:true, //显示分页
			rownumbers:true, //显示行号
			columns:[[
				{field:'ck',checkbox:true,width:2}, //显示复选框
				{field:'personName',title:'旅客姓名',width:25},
				{field:'personSex',title:'性别',width:20,
					formatter:function(value,row){
						switch(row.personSex){
							case ${constant.MALE}:
								return '男';
								break;
							case ${constant.FEMALE}:
								return '女';
								break;
						}
					}	
				},
				{field:'personType',title:'身份',width:25,
					formatter:function(value,row){
						switch(row.personType){
							case ${constant.PASSENGER}:
								return '旅客';
								break;
							case ${constant.WORKMAN}:
								return '工作人员';
								break;
						}
					}
				},
				{field:'personNi',title:'身份证号码',width:25},
				{field:'personPhone',title:'联系电话',width:25},
				{field:'remark',title:'备注',width:35}
			]],
			toolbar:[{
				text:'新增',
				iconCls:'icon-add',
				handler:function(){
					addrow();
				}
			},'-',{
				text:'删除',
				iconCls:'icon-remove',
				handler:function(){
					deleterow();
				}
			},'-',{
				text:'返回',
				iconCls:'icon-ok',
				handler:function(){
					window.location.href = "${ctx}/page/sys/group/group/group_list.jsp";
				}
			}
			],
			onLoadSuccess:function(){
				$('#gridTable').datagrid('clearSelections'); //一定要加上这一句，要不然datagrid会记住之前的选择状态，删除时会出问题
			}
		});
		
	});
    /** 新增 */
    function addrow(){
    	window.location.href = "${ctx}/page/sys/group/group/passenger_select.jsp";
	}
    /** 更新 */
    function updaterow(){
		var rows = $('#gridTable').datagrid('getSelections');//json：[{},{}]
		//这里有一个jquery easyui datagrid的一个小bug，必须把主键单独列出来，要不然不能多选
		if(rows.length==0){
			$.messager.alert('提示','请选择你要更新的记录','info');
			return;
		}
		if(rows.length > 1){
			$.messager.alert('提示','只能选择一个记录进行更新','info');
			return;
		}
		$("#MyPopWindow").window({
  			title:'更新旅客信息',
  			href:'${ctx}/page/sys/group/passenger/passenger_win.jsp?update=true',
  			width:600,
  			height:450,
  			onLoad: function(){
  				//自动将数据填充到表单中，无需再查询数据库
  				$("#passengerForm").form('load', rows[0]);
  			}
  		});
	}
    
    /** 信息导入 */
    function importrow(){
		$("#MyPopWindow").window({
			title:'个人信息导入',
  			href:'${ctx}/page/sys/group/passenger/importFile.jsp',
  			width:350,
  			height:200
  			
  		});
	}
  	
    /** 删除 */
  	function deleterow(){
    	var rows = $('#gridTable').datagrid('getSelections');
    	if(rows.length==0){
			$.messager.alert('提示',"请选择你要删除的记录",'info');
			return;
		}
  		$.messager.confirm('提示','您确定要删除吗？',function(result){
	        if (result){
	        	var rows = $('#gridTable').datagrid('getSelections');
	        	var ps = "";
	        	$.each(rows,function(i,n){
	        		if(i==0) 
	        			ps += "?ids="+n.personId
	        		else
	        			ps += "&ids="+n.personId;
	        	});
	        	$.post('${ctx}/sys/passenger/del.sys'+ps,function(data){
	        		if(data.success){//操作成功
						$.messager.alert('提示','操作成功','info');
	        			$('#gridTable').datagrid('reload');//刷新数据
					}else{
						$.messager.alert('提示',data.msg,'warning');	
					}
	        	});
	        }
	    });
  	}
    
   
    
    /** 表格查询 */
	function searchInfo(){
		var fields =$('#queryForm').serializeArray(); //自动序列化表单元素为JSON对象数据格式如下
		// [ 
		//     {name: 'firstname', value: 'Hello'}, 
		//     {name: 'lastname', value: 'World'},
		//     {name: 'alias'}, // this one was empty
  		// ]
		var params={};
		$.each( fields, function(i, field){//设置查询参数
			params[field.name] = field.value; 
		});
		$('#gridTable').datagrid('reload',params); //设置好查询参数 reload 一下就可以了
	}
	/** 清空查询条件 */
	function clearForm(){
		$('#queryForm').form('clear');
	}
	
	/** 增加或更新 */
	function addOrUpdate(flag){
		var r = $('#passengerForm').form('validate');
		if(!r) {
			return false;
		}
		var url="${ctx}/sys/passenger/add.sys";
		if(flag){
			url="${ctx}/sys/passenger/update.sys";
		}
		$.post(url,$("#passengerForm").serializeArray(),function(data){
			if(data.success){//操作成功
				$.messager.alert('提示','操作成功','info');
				$('#gridTable').datagrid('reload');//刷新数据
				$('#MyPopWindow').window('close');//关闭窗口
			}else{
				$.messager.alert('提示',data.msg,'warning');	
			}
		});
	}
	function upload(){
  		// 调用 form 插件的 'submit' 方法来提交 form 
		$('#uploadForm').form('submit', { 
		url:'${ctx}/sys/passenger/importFile.sys', 
		onSubmit: function(){ 
			var r = $('#uploadForm').form('validate');
			if(!r)
				return false;
		},
		success:function(data){
			$('#loadDiv').show();
			var data = eval('(' + data + ')');
			if(data.success){//操作成功
				$.messager.alert('提示','操作成功','info'); 
				$('#gridTable').datagrid('reload');//刷新数据
				$('#MyPopWindow').window('close');//关闭窗口
			}else{
				$.messager.alert('提示',data.msg,'warning');	
				$('#MyPopWindow').window('close');//关闭窗口
			}
		}
		}); 
  	}
	</script>	
  </head>
  
  <body>
    <form id="queryForm" class="qform">
    	<input type="hidden" name="groupId" id="groupId" value="${groupId }"/>
		<table class="qtable" width="100%">
			<tr>
				<td class="qtd">旅客姓名：<input class="txt" name="personName" style="width: 100px;" /></td>
				<td class="qtd">身份证号：<input class="txt" name="personNi" style="width: 150px;"/></td>
				<td class="qtd">联系电话：<input class="txt" name="personPhone" style="width: 100px;"/></td>
				<td class="qtd" align="center">
					<a href="#" onclick="clearForm();" class="easyui-linkbutton">清空</a>
					<a href="#" onclick="searchInfo();" class="easyui-linkbutton" iconCls="icon-search">查询</a>
				</td>
			</tr>
		</table>
	</form>
	<div class="griddiv">
		<table id="gridTable"></table>
	</div>
	<div id="MyPopWindow" modal="true" shadow="false" minimizable="false" cache="false" maximizable="false" collapsible="false" resizable="false" style="margin: 0px;padding: 0px;overflow: auto;"></div>
  </body>
</html>
